/* SITE SPECIFIC LAYOUT */
body {
	margin: 0;
	padding: 0;
	background: #C5C5C5 url(../images/background.png);
	color: #555;
}
#page {
	width: 782px;
	margin: 0 auto;
	padding: 0;
}
/* HEADER */
#header {
	margin: 10px 0 25px;
	padding: 0;
	height: 58px;
	background: url(../images/header.png) no-repeat left top;
}
#branding {
	float: left;
	display: inline;
	margin: 10px;
	padding: 10px;
}
/* END HEADER */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-variant: small-caps;
}
h2 {
	padding-bottom: 4px;
	margin: 1em 0;
	border-bottom: 1px solid #CCC;
	color: #444;
	font-weight: normal;
}
body.pages h1 {
	color: #4A6699;
}
body.resources h1 {
	color: #9A4B4C;
}
body.templates h1 {
	color: #66994C;
}
body.pages a {
	color: #003399;
}
body.resources a {
	color: #990000;
}
body.templates a {
	color: #339900;
}

form.standard label {
	display: inline-block;
	width: 10em;
}
form.standard div {
	padding: 4px 8px;
	background: #eee;
}

/* CONTENT */
#content {
	padding: 13px 5px 0 3px;
	position: relative;
	background: url(../images/body-top.png) no-repeat left top;
}
/* MAIN */
#main {
	float: right;
	display: inline;
	width: 534px;
	margin-right: 210px;
	margin-left: -210px;
	padding: 10px 10px 0 20px;
	background: #fff;
}
/* END MAIN */
/* SUB */
#sub {
	float: right;
	display: inline;
	width: 200px;
	margin-right: -564px;
	margin-left: 210px;
	padding: 0;
}
#sub a {
	text-decoration: none;
	display: block;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	background: url(../images/sub-separator.png) no-repeat right bottom;
}
#sub a:hover {
	text-decoration: underline;
}
#sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sub ul li {
	margin: 0;
	padding: 0;
}
#sub ul ul a {
	padding-left: 0 30px;
}
#sub ul ul ul a {
	padding-left: 0 50px;
}
/* END SUB */
/* LOCAL */
#local {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 774px;
	text-align: left;
	font-size: 11px;
}
#local .wrapper {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
}
#local ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}
#local li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}
#local li.selected {
	background: url(../images/navitem-left.png) no-repeat left top;
}
#local a {
	display: block;
	margin: 0;
	height: 22px;
	padding: 4px 20px 0 8px;
	line-height: 22px;
	font-weight: bold;
	text-decoration: none;
}
body.pages #local a {
	color: #4A6699;
}
body.pages #local a:hover {
	color: #003399;
}
body.resources #local a {
	color: #9A4B4C;
}
body.resources #local a:hover {
	color: #990000;
}
body.templates #local a {
	color: #66994C;
}
body.templates #local a:hover {
	color: #003399;
}
#local li.selected a {
	cursor: default;
	text-decoration: none;
	background: url(../images/navitem-right.png) no-repeat right top;
	color: #333;
}
#local li.selected a:hover {
	color: #333;
}
#local a:hover {
	text-decoration: underline;
}
#local li.selected a:hover {
	text-decoration: none;
}
/* END LOCAL */
/* NAV */
#nav {
	position: absolute;
	top: -30px;
	left: 3px;
	width: 774px;
}
#nav .wrapper {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
}
#nav ul {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 0 2px;
	list-style: none;
	background: url(../images/menu-separator.png) no-repeat left top;
}
#nav a {
	display: block;
	margin: 0;
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
#nav a:hover, #nav li.selected a {
	background: url(../images/menu-hover.png) no-repeat left top;
}
#nav li.last a:hover, #nav li.last.selected a {
	background: url(../images/menu-hover.png) no-repeat right top;
}
#nav li.selected a {
	cursor: default;
}
#nav a span {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#nav a.pages-link span {
	width: 55px;
	background: url(../images/menu-pages.png) no-repeat center center;
}
#nav a.resources-link span {
	width: 99px;
	background: url(../images/menu-resources.png) no-repeat center center;
}
#nav a.templates-link span {
	width: 98px;
	background: url(../images/menu-templates.png) no-repeat center center;
}
/* END NAV */
/* END CONTENT */
    
    
/* FOOTER */
#footer {
	padding-top: 30px;
	color: #666;
	font-size: 83%;
	text-align: center;
	background: url(../images/body-bottom.png) no-repeat left top;
}
/* END FOOTER */
/* END LAYOUT */


/* UL.SUBNAV */
ul.subnav {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	list-style: none;
}
ul.subnav li {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}
ul.subnav li a,  ul.subnav li a:link,  ul.subnav li a:visited,  ul.subnav li a:active {
	text-decoration: none;
	font-weight: bold;
	color: black;
}
ul.subnav li a:hover {
	text-decoration: underline;
}
ul.subnav li strong {
	padding: 0 0 0 12px;
	background: url("../i/subnav-highlight.gif") left top no-repeat transparent;
}
ul.subnav li strong a,  ul.subnav li strong a:link,  ul.subnav li strong a:visited,  ul.subnav li strong a:active {
	color: white;
	background-color: black;
}
/* END UL.SUBNAV */
